@import url('https://fonts.googleapis.com/css?family=Advent+Pro|Dancing+Script&display=swap');

html {
  scroll-behavior: smooth;
  background-color: #ffffff ;
}
body {
  font-family: 'Advent Pro', sans-serif;
  padding: 0;
  margin: 0;
}
ul {
  margin: 0;
  padding: 0;
}
li {
  list-style-type: none;
}
h2 {
  text-transform: uppercase;
  text-align: center;
  padding-top: 30px;
  font-size: 2em;
}
a {
  text-decoration: none;
  color: black;
}
/******************************************** Réalisations ********************************************/
#projet1 {
  height: 1000px;
  background-color: #f1f2f6;
  padding: 1px 2%;
}
#projet1 h2 {
  padding-top: 60px;
}
#texteJeu h3 {
  padding-top: 0px;
  font-size: 1.9em;
  color: #000000;
  text-shadow :none;
}
#Jeu {
  background-color: #FFFAE1;
  padding: 10px 0px 100px 0;
}
#texteJeu {
  padding: 0px 20%;
}

#score {
  background: url(media/Image2.JPG);
}
#GameOver {
  background: url(media/gameOver.JPG);
}
#Pause {
  background: url(media/Pause.JPG);
}
#vie {
  background: url(media/image1.JPG);
}
#projet1 li {
  margin: 65px 100px 0 100px;
  height: 350px;
  width: 55%;
  max-width: 600px;
  float: left;
  box-shadow: 6px 6px 28px -1px rgba(0,0,0,0.75);
}
#projet1 p {
  height: 45px;
  width: 235px;
  background-color: #01DF74;
  float:right;
  margin: 50px -180px 0 0;
  font-size: 1.5em;
  text-align: center;
  padding-top: 15px;
  box-shadow: 4px 4px 0 1px rgba(90,161,43,1);
}
#projet1 #GameOver, #projet1 #Pause  {
  float: right;
}
#GameOver p, #Pause p {
  float: left;
  background-color: cyan;
  margin-left: -180px;
  box-shadow: -4px 4px 0 1px rgba(15,154,156,1);
}

#Trait {
  height: 1px;
  width: 75%;
  background-color: #524A3A;
  margin: 60px auto;
}
@media screen and (max-width:1685px){
  #projet1{
    height: 1900px;
  }
}